﻿<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head th:replace="~{/public::public-head}">

</head>

<link rel="stylesheet" type="text/css" th:href="@{/css/vendor/bootstrap-datetimepicker.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{/css/jquery-labelauty.css}">

<style type="text/css">
    .ad-img{
        width: 400px;
        height: 150px;
        float: left;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .ad-img img{
        width: 400px;
        height: 150px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .ad-but-area-1{
        width: 200px;
        height: 150px;
        float: right;
        padding-right: 10px;
        padding-top: 20px;
        text-align: center;
    }
    .ad-but{
        opacity: 0.9;
        margin-bottom: 10px;
        margin-left: 15px;
    }
    .create-photo-left{
        width: 275px;
        height: 100px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
</style>

<body class="template-color-1" style="transform: none;">

    <div id="main-wrapper" style="transform: none;">
        <div th:insert="~{/public::navigate}"></div>
        <div style="height: 100px; border-bottom: 1px solid #e2e4ea"></div>
        <div th:insert="~{/public::sideBillboard}"></div>

        <!-- 广告详情 Start -->
        <div class="job-meta-detail-box section bg_color--5 pb-120 pb-lg-100 pb-md-80 pb-sm-60 pb-xs-50" >

            <div id="forbidden" hidden> 当前账号已被限制使用 </div>
            <div class="container">

                <span  sec:authorize="isAuthenticated()" sec:authentication="principal.userId"
                       type="text" id="userId" hidden></span>
                <span  sec:authorize="isAuthenticated()" sec:authentication="principal.userName"
                       type="text" id="userName" hidden></span>
                <span  sec:authorize="isAuthenticated()" sec:authentication="principal.accountStatus"
                       type="text" id="accountStatus" hidden></span>

                <div class="row no-gutters">
                    <div class="col-xl-12">
                        <div class="job-map-wrapper">
                            <div class="job-filter">
                                <div class="content-search">
                                    <div class="section-filter">
                                        <i class="lnr lnr-magnifier"></i>
                                        <input class="location pac-target-input" type="text" name="key_word" id="search" onchange="click_search()" placeholder="输入搜索关键词 ……">

                                        <div class="open-slide-range" style="padding: 0;width: 120px">
                                            <button class="ht-btn theme-btn theme-btn-two" style="width: 120px">搜索</button>
                                        </div>
                                    </div>

                                    <div class="section-filter filter-advance"></div>

                                    <div class="section-result">
                                        <div class="filter-form">
                                            <div class="result-sorting">
                                                <div class="total-result">
                                                    <span class="total">(<span id="total"></span>) </span>
                                                    广告合作
                                                </div>
                                                <div sec:authentication="authorities" hidden id="authorities"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-content">
                                <div id="list" class="tab-pane fade show active">
                                    <div class="row" id="advList">


                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <div id="page" class="page_div"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 广告详情 End -->

        <div th:insert="~{/public::footer}"></div>
    </div>

    <div th:replace="~{/public::public-js}"></div>
    <script th:src="@{/js/vendor/bootstrap-datetimepicker.min.js}"></script>
    <script th:src="@{/js/vendor/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
    <script th:src="@{/js/jquery-labelauty.js}"></script>
    <script th:src="@{/js/myjob/account/advertisement.js}"></script>
</body>

</html>
